import {
  pageCourseLsit
} from '@/api/manage/school.js'
import {
  get_img_src
} from '@/utils/index.js'

export default {
  data() {
    return {
      tabActive: '0',
      stages: [],
      grades: [],
      subjects: [],
      versions: [],
      volumes: [],
      listPages: { // 列表分页配置
        layout: 'total, sizes, prev, pager, next, jumper', // 分页显示参数
        current: 1, // 当前所在分页数
        sizes: [10, 15, 20], // 每页显示的条目数设置
        size: 6, // 每页显示的条目数
        total: 0, // 总条数
        count: 5, // 总页数=总条数/每页条目
        counter: 7, // 页码按钮的数量，当总页数超过该值时会折叠
        prevtext: '上一页',
        nexttext: '下一页',
        single: false
      },
      listParam: { // 列表查询参数
        sign: '4', // 标记 1:已购课程 2:收藏课程
        page: 1, // 第N页
        size: 5 // 每页显示条数
      },
      listDatas: [] // 列表数据
    }
  },
  created() {
    this.pageCourseLsit()
  },
  watch: {
    listParam: { // 监听查询参数
      handler: function(val, oldval) {
        this.pageCourseLsit()
      },
      deep: true // 对象内部的属性监听，也叫深度监听
    }
  },
  methods: {
    pageCourseLsit() { // 获取课程列表
      this.loadObj = this.$loading({
        lock: true,
        text: '加载中...',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.7)'
      })
      pageCourseLsit(this.listParam).then(response => {
        if (response.code === 20000 || response.code === 200) {
          this.listDatas = response.data
          this.listPages.total = response.total
        } else {
          this.$message({
            message: response.msg,
            type: 'warning'
          })
        }
        this.loadObj.close()
      }).catch(error => {
        this.$message.error('获取课程列表失败!!!' + error)
      })
    },
    page_size_change(p) { // 每页显示条数
      this.listPages.size = p
      this.handleRadioChang()
    },
    page_current_change(p) { // 当前页
      this.listPages.current = p
      this.handleRadioChang()
    },
    img_src(val) {
      return get_img_src(val)
    },
    clickTo(item) {
      this.$router.push({
        path: '/users/coursedetail',
        query: {
          actFrom: 'usercourse',
          courseId: item.courseId
        }
      })
    }
  }
}
